<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="public.css">



</head>
<script src="js/jquery.js"></script>
<body>
    <!--header-nav部分-->
       <div class="header-nav">
        <div class="content">

            <div class="content-left">
          <ul>
              <li>
                  <a href="#">
                      <span>QQ交谈</span>
                  </a>
                    
              </li>
              <li>
                   <a href="#">
                      <span>官方QQ群∧</span>
                  </a>
              </li>
              <li style="border:none;color:grey;font-size:13px;line-height:39px;margin-left:15px;">常见问题</li>
          </ul>
        </div>

        <div class="content-right">
          <ul>
              <li>
                  <a href="#">
                      <span>点我赚钱</span>
                  </a>  
              </li>

              <li style="border:none;color:grey;font-size:15px;line-height:39px;">
                   <span>
                       <a href="#">注册</a>
                   </span>
              </li>

                 <li style="border:none;color:grey;font-size:15px;line-height:39px;">
                   <span>
                       <a href="#">登录</a>
                   </span>
              </li>

              <li class="header-same1">
       <a href="">
           <span style="margin-left:28px;">QQ登录</span>
       </a>
              </li>

              <li class="header-same2">
       <a href="">
           <span style="margin-left:28px; color:green">微信登录</span>
       </a>
              </li>          
          </ul>
        </div>
          </div>
       </div>

       <!--header-content-->
       <div class="header-content">
           <div class="header-content-container">
             <div class="header-content-container-left">
                 <a href="#"></a>
             </div>

           
     <div class="header-content-container-right">
              <ul>
                  <li style="border-bottom:2px solid orange;"><a href="" style="color:orange;">首页</a></li>
                  <li><a href="">原创设计</a>
                  <!--<div class="tanchu1"></div>-->
                  </li>
                  <li><a href="">广告设计</a></li>
                  <li><a href="">淘宝设计</a></li>
                  <li><a href="">素材分类</a></li>
                  <li><a href="">千图灵感</a></li>
                  <li><a href="">设计工具</a></li>
                  <li  style="position:relative;"><a href="">活动</a>
                  <div class="header-aa"></div></li>
                  
                  <li style="position:relative;"><a href="">VIP特权</a>
                  <div class="header-bb"></div>
                  </li>
              </ul>
     </div>
     </div>
       </div>

       <!--header-search部分-->
       <div class="header-search">
           <h2>专注免费设计素材网站</h2>
           <form action="">
               <input type="text" placeholder="800万张免费设计素材任意下载">
               <input type="text" value="搜全站">
               <input type="text" value="搜原创">
           </form> 
       </div>
   <!--轮播图部分-->
       <div class="dong">

       </div>
       <!--选择列表部分-->
       <div class="list">
           <a href="">原创专区</a>
           <a href="">平面广告</a>
           <a href="">电商淘宝</a>
           <a href="">PPT/文库</a>
           <a href="">摄影图库</a>
           <a href="">网页UI</a>
           <a href="">视频、音频</a>
       </div>
 
        <!--选择工具部分-->
          <!--1.第一部分-->
        <section class="big-tool">     
        <div class="tool">
            <div class="tool-left">
            <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon01.png)"></dt>
                    <dd >开发手册</dd>
                </a>
            </dl>
              <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon02.png)"></dt>
                    <dd>UI图标库</dd>
                </a>
            </dl>
              <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon03.png)"></dt>
                    <dd>淘宝工具</dd>
                </a>
            </dl>
             <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon04.png)"></dt>
                    <dd>配色工具</dd>
                </a>
            </dl>
             <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon05.png)"></dt>
                    <dd>网页工具</dd>
                </a>
            </dl>
         
             <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon06.png)"></dt>
                    <dd>图标宝</dd>
                </a>
            </dl>
              <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon07.png)"></dt>
                    <dd>画册宝</dd>
                </a>
            </dl>
             <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon08.png)"></dt>
                    <dd>在线书法</dd>
                </a>
            </dl>
              <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon09.png)"></dt>
                    <dd>电商培训</dd>
                </a>
            </dl>
            <dl>
                <a href="">
                    <dt style=" width:50px;height:36px;margin:11px 0 13px 18px;background-image: url(images/icon010.png)"></dt>
                    <dd>店铺装修代码</dd>
                </a>
            </dl>
        </div>
        <div class="tool-right">
            <a href="">更多设计工具</a>
        </div>
        </div>
       <!--第二部分-->
        <div class="show-pic">
             <div class="show-title">
                  <h2> 热门专题
                        <a href="">更多 &nbsp ></a>              
                  </h2>
             </div>
               <div class="show-content">
                 <div class="show-list">
                     <a href="http:www.baidu.com" class="aa">
                          <div style=" background-image: url(images/pic1.png);">
                         </div>
                     </a>
                           <a href="http:www.baidu.com" style="text-decoration: none" >
                         <p>「淘宝原创精选」每日更新</p>
                          </a>

                 </div>
                  <div class="show-list">
                      <a href="http:www.baidu.com" class="aa">
                      <div style=" background-image: url(images/pic2.png);">
                      </a>
                         </div>
                         <a href="http:www.baidu.com" style="text-decoration: none" >
                         <p>「淘宝原创精选」每日更新</p>
                         </a>

                 </div>
                   <div class="show-list">
                       <a href="http:www.baidu.com" class="aa">
                       <div style=" background-image: url(images/pic3.png);">
                       </a>
                      </div>
                      <a href="http:www.baidu.com" style="text-decoration: none" >
                         <p>「淘宝原创精选」每日更新</p>
                         </a>

                 </div>
                   <div class="show-list">
                       <a href="http:www.baidu.com" class="aa">
                          <div style=" background-image: url(images/pic4.png);"></div>
                          </a>
                          <a href="http:www.baidu.com" style="text-decoration: none" >
                         <p>「淘宝原创精选」每日更新</p>
                         </a>

                 </div>
                 <div>
                  <div class="show-list">
                      <a href="http:www.baidu.com" class="aa">
                          <div style=" background-image: url(images/pic5.png);"></div>
                          </a>
                          <a href="http:www.baidu.com" style="text-decoration: none" >
                         <p>「淘宝原创精选」每日更新</p>
                         </a>

                 </div>
               </div>
        </div>
   
           <!--页脚部分1-->
           <div class="footer1">
                <div>
                    <a href="">友情链接</a>
                    <a href="">新素材</a>
                    <a href="">新搜索</a>
                    <a href="">热门素材</a>
                    <a href="">热门PPT素材</a>
                    <a href="">热门淘宝素材</a>
                    <a href="">热门装饰素材</a>
                    <a href="">热门专题</a>
                    <a href="">搜索地图</a>
                </div>
           </div>
  <!--页脚部分2-->
  <div class="footer2">
      <div>
           <a href="">千图样机</a>
           <a href="">我图网</a>
           <a href="">90设计</a>
           <a href="">摄图网</a>
           <a href="">微信公众平台</a>
           <a href="">图片之家</a>
           <a href="">UI图标库</a>
           <a href="">背景图片</a>
           <a href="">精品素材</a>
           <a href="">千广网</a>
           <a href="">折800官网</a>
           <a href="">深圳地图</a>
           <a href="">背景墙</a>
           <a href="">找工作</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
             <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
            <a href="">图片大全</a>
             <a href="">微信公众平台</a>
           <a href="">图片之家</a>
           <a href="">UI图标库</a>
           <a href="">背景图片</a>
           <a href="">精品素材</a>
           <a href="">千广网</a>
           <a href="">折800官网</a>
           <a href="">深圳地图</a>
           
      </div>
  </div>
  </section>

  <!--页脚部分3-->
  <div class="footer3">
         <div>
              <a href="">官方微博</a>
              <a href="">常见问题</a>
              <a href="">版权声明</a>
              <a href="">关于我们</a>
              <a href="">售后服务</a>
              <a href="">新素材</a>
              <a href="">图片下载</a>
              <a href="">素材专题</a>
              <a href="">千图导航</a>
              <!--<img src="images/public_v8.png" alt="">-->
              <div class="footer-pic1"></div>
              <a href="">客服电话：400-998-7011</a>
             </div>      
             <div class="footer-pic2"></div> 
  </div>

  <div class="footer4">
          <div></div>
  </div>



        
</body>
</html>

      <script>
  
      
      </script> 













